<template>
    <div class="todo_inner">
        <hr>
        <TodoItem 
            v-for="todo in todos" 
            :key="todo.id" 
            :todo="todo" 
            :getChecked="getChecked"
            :removeItem="removeItem"
        ></TodoItem>
    </div>
</template>

<script>
import TodoItem from './TodoItem.vue';

export default {
    name: 'TodoInner',
    components: {TodoItem},
    props: ['todos', 'getChecked', 'removeItem'],
}
</script>

<style scoped>

</style>